<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>选项卡切换示例</title>
<link href="css/20-1.css" type="text/css" rel="stylesheet"/>
<script src="js/20-1.js" type="text/javascript"></script>
</head>
<body>
  <div class="box">
    <ul id="tab">
       <li class="act">选项卡1</li><!--默认点击的选项卡-->
       <li>选项卡2</li>
       <li>选项卡3</li>
    </ul>
    <div id="content">
      <div>选项卡1内容</div><!--默认点击的选项卡内容DIV-->
      <div class="hide">选项卡2内容</div>
      <div class="hide">选项卡3内容</div>
    </div>
  </div> 
</body>
</html>
